CSS Types

CSS Types

Editing

<display-listitem>

목록의 항목으로 표시 되도록 하는 값을 나타낸다.

구문

  • CSS Display Module Level 3
    <display-outside>? && [ flow | flow-root ]? && list-item

    다중 키워드 지정 방식은 웹브라우저의 지원 현황을 확인할 필요가 있다.

    다음 코드는 파이어폭스(firefox)에서 유효하다. 목록 항목이 인라인 수준(inline level)으로 생성된다.
    .list > div {
  display: block flow list-item;
  list-style-type: disk;
}

사용되는 키워드

키워드요약
list-item

list-style 속성에 의해 지정된 내용으로 ::marker 가상 요소를 생성하도록 한다.

flow

외부 디스플레이 유형이 inline 또는 run-in이고 block 또는 inline 형식의 지정 컨텍스트에 참여하는 경우 inline 상자를 생성하는 내부 디스플레이 값으로 사용한다.

flow-root

블록 컨테이너 상자를 생성하고 flow 레이아웃을 사용하여 내용을 배치한다. 내부 디스플레이 값으로 사용한다. 자식 요소가 float 값을 가지고 있는 경우에 자식 요소를 수용(BFC:블록 양식화 문맥)하여 표시한다.

사용되는 타입

  • <display-outside>요소의 외부 디스플레이 유형을 지정하는 키워드를 나타낸다.

버전 명세

Modules
Module NameStatusSummary
CSS Display Module Level 3

Last review date: 2022-6-11

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com